﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Overview</title>
        <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" type="text/css" href="lib/bootstrap3/dist/css/bootstrap.css" />
        <link rel="stylesheet" href="lib/FontAwesome/css/font-awesome.css" />
        <script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script src="javascripts/site.js" type="text/javascript"></script>
        <script src="javascripts/main.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="stylesheets/theme.css" />
        <link rel="stylesheet" type="text/css" href="stylesheets/site.css" />
        <link href="lib/datepicker/css/datepicker.css" rel="stylesheet" />

        <script type="text/javascript" src="lib/DataTables-1.9.4/media/js/jquery.dataTables.min.js"></script>
        <script type="text/javascript" src="lib/DataTables-1.9.4/media/js/jquery.dataTables.bootstrap.js"></script>

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!-- Le fav and touch icons -->
        <!--<link rel="shortcut icon" href="http://www.portnine.com/Themes/assets/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.html">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.html">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.html">
        <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.html">-->
    </head>
    <body>
        <div class="full-height-div">
            <div class="main-body">
                <div class="navbar navbar-inverse navbar-fixed-top top-nav">
                    <div class="top-nav-left">
                        <img src="Images/top-nav-star.png" />
                    </div>
                    <div class="top-nav-right">
                        <a href="#">son@gmail.com</a>
                        <input type="button" value="button" class="btn btn-info" />
                        <div class="top-nav-dropdown">
                            <select>
                                <option value="1">California</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                            </select>
                            <select>
                                <option value="1">California</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="navbar-collapse">
                    <div id="main-menu">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#"><i class="icon-dashboard"></i><span>Dashboard</span></a></li>
                            <li><a href="#"><i class="icon-bar-chart"></i><span>Reports</span></a></li>
                            <li><a href="#"><i class="icon-cogs"></i><span>Components</span></a></li>
                            <li><a href="#"><i class="icon-magic"></i><span>Pricing</span></a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i>Settings <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><span>Sign-in Page</span></a></li>
                                    <li><a href="#"><span>Sign-up Page</span></a></li>
                                    <li><a href="#"><span>Forgot Password Page</span></a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                 <div class="col-xs-12 btn-hide-main-menu" id="btn_hide_main_menu"><a href="javascript:void(0)" onclick="toggleLeftMainMenu();"><span class="glyphicon glyphicon-resize-horizontal"></span></a></div>
            <div class="left-main-menu" id="left_main_menu">
                <div class="col-xs-12">
                    <a href="setting_trungtam.html">
                        <i class="icon-home"></i>
                        Home
                    </a>
                </div>
                <div class="col-xs-12">
                    <a href="lichlamviec.html">
                        <i class="glyphicon glyphicon-calendar"></i>
                        Lịch làm việc
                    </a>
                </div>
                <div class="col-xs-12">
                    <a href="overview.html">
                        <i class="icon-bar-chart"></i>
                        Overview
                    </a>
                </div>
                <div class="col-xs-12">
                    <a onclick="toggleMainMenuMember();" href="javascript:void(0)">
                        <i class="glyphicon glyphicon-user"></i>
                        Thành viên
                    </a>
                    <ul class="col-xs-12" id="main_menu_member">
                        <li>
                            <a href="member_nhanvien.html">
                                <i class="icon-briefcase"></i>
                                Giáo vụ (Nhân viên)
                            </a>
                        </li>
                        <li>
                            <a href="member_giaovien.html">
                                <i class="glyphicon glyphicon-lock"></i>
                                Giáo viên
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12">
                    <a onclick="toggleMainMenuTuyenSinh();" href="javascript:void(0)">
                        <i class="glyphicon glyphicon-share"></i>
                        Tuyển sinh
                    </a>
                    <ul class="col-xs-12" id="main_menu_tuyen_sinh">
                        <li>
                            <a href="tuyensinh_chiendich.html">
                                <i class="glyphicon glyphicon-sort-by-attributes"></i>
                                Chiến dịch
                            </a>
                        </li>
                        <li>
                            <a href="tuyensinh_khachhang.html">
                                <i class="icon-briefcase"></i>
                                Khách hàng
                            </a>
                            <a href="khachhang_xeplich.html">
                                <i class="glyphicon glyphicon-calendar"></i>
                                Xếp lịch kiểm tra
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12">
                    <a onclick="toggleMainMenuThuChi();" href="javascript:void(0)">
                        <i class="glyphicon glyphicon-usd"></i>
                        Thu chi (đóng tiền)
                    </a>
                    <ul class="col-xs-12" id="main_menu_thu_chi">
                        <li>
                            <a href="thuchi_tonghop.html">
                                <i class="glyphicon glyphicon-usd"></i>
                                Tổng hợp
                            </a>
                        </li>
                        <li>
                            <a href="thuchi_donghocphi.html">
                                <i class="icon-briefcase"></i>
                                Thu chi đóng học phí
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12">
                    <a onclick="toggleMainMenuQuanLyHoc();" href="javascript:void(0)">
                        <i class="glyphicon glyphicon-share"></i>
                        Quản lý học
                    </a>
                    <ul class="col-xs-12" id="main_menu_quan_ly_hoc">
                        <li>
                            <a href="quanlyhoc_lophoc.html">
                                <i class="glyphicon glyphicon-gift"></i>
                                Lớp học
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12">
                    <a href="hop_phu_huynh.html">
                        <i class="glyphicon glyphicon-link"></i>
                        Họp phụ huynh
                    </a>
                </div>
                <div class="col-xs-12">
                    <a onclick="toggleMainMenuSetting();" href="javascript:void(0)">
                        <i class="icon-cogs"></i>
                        Setting
                    </a>
                    <ul class="col-xs-12" id="main_menu_setting">
                        <li>
                            <a href="setting_chinhanh.html">
                                <i class="glyphicon glyphicon-tasks"></i>
                                Chi nhánh
                            </a>
                        </li>
                        <li>
                            <a href="setting_phonghoc.html">
                                <i class="glyphicon glyphicon-sound-dolby"></i>
                                Phòng học
                            </a>
                        </li>
                        <li>
                            <a href="setting_khoahoc.html">
                                <i class="glyphicon glyphicon-hdd"></i>
                                Khóa học
                            </a>
                        </li>
                        <li>
                            <a href="setting_lichhoc.html">
                                <i class="glyphicon glyphicon-calendar"></i>
                                Lịch học
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
                <!--___________________________________________________________________MAIN CONTENT_______________________________________--->
                <div class="main-content row" id="main_content">
                    <div class="col-xs-12 overview-div-table">
                        <p>Example</p>
                        <div class="col-xs-12 overview-tab-div">
                            <!-- Nav tabs -->
                            <ul class="nav nav-tabs" role="tablist">
                                <li class="active"><a href="#tab1" role="tab" data-toggle="tab">Khối 6</a></li>
                                <li><a href="#tab2" role="tab" data-toggle="tab">Khối 7</a></li>
                                <li><a href="#tab3" role="tab" data-toggle="tab">Khối 8</a></li>
                            </ul>
                            <!-- Tab panes -->
                            <div class="tab-content col-xs-12">
                                <div class="col-xs-12 tab-pane active" id="tab1">
                                    <p>Data table</p>
                                    <div class="col-xs-12 add-btn">
                                        <a href="advance_search.html"><span class="glyphicon glyphicon-zoom-in overview-span"></span></a>
                                    </div>
                                    <table class="table table-first-column-number data-table display full">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Tên lớp<span class="sort-icon"></span></th>
                                                <th>Giáo viên<span class="sort-icon"></span></th>
                                                <th>Sĩ số<span class="sort-icon"></span></th>
                                                <th>Nhập liệu<span class="sort-icon"></span></th>
                                                <th>Trạng thái<span class="sort-icon"></span></th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            <tr>
                                                <td>1</td>
                                                <td>TONY</td>
                                                <td>MEYER</td>
                                                <td>45</td>
                                                <td>MEYER</td>
                                                <td>teyer</td>
                                            </tr>

                                            <tr>
                                                <td>2</td>
                                                <td>KENDRA</td>
                                                <td>MARSHALL</td>
                                                <td>34</td>
                                                <td>MARSHALL</td>
                                                <td>kmarshall</td>
                                            </tr>

                                            <tr>
                                                <td>3</td>
                                                <td>NICHOLE</td>
                                                <td>BROOKS</td>
                                                <td>65</td>
                                                <td>BROOKS</td>
                                                <td>nibrooks</td>
                                            </tr>

                                            <tr>
                                                <td>4</td>
                                                <td>CHRISTIE</td>
                                                <td>GRAHAM</td>
                                                <td>76</td>
                                                <td>GRAHAM</td>
                                                <td>chgraham</td>
                                            </tr>

                                            <tr>
                                                <td>5</td>
                                                <td>RAY</td>
                                                <td>JENKINS</td>
                                                <td>23</td>
                                                <td>JENKINS</td>
                                                <td>rjenkins</td>
                                            </tr>
                                    </table>
                                    <p>Học sinh quá hạn đóng học phí</p>
                                    <div class="col-xs-12 add-btn">
                                        <a href="advance_search.html"><span class="glyphicon glyphicon-zoom-in overview-span"></span></a>
                                    </div>
                                    <table class="table table-first-column-number data-table display full">
                                        <thead>
                                            <tr>
                                                <th>STT</th>
                                                <th>Mã<span class="sort-icon"></span></th>
                                                <th>Họ<span class="sort-icon"></span></th>
                                                <th>Tên<span class="sort-icon"></span></th>
                                                <th>Phụ huynh<span class="sort-icon"></span></th>
                                                <th>Sđt<span class="sort-icon"></span></th>
                                                <th>Lớp dự định<span class="sort-icon"></span></th>
                                                <th>Trạng thái<span class="sort-icon"></span></th>
                                                <th>Ngày hết hạn<span class="sort-icon"></span></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>TONY</td>
                                                <td>MEYER</td>
                                                <td>45</td>
                                                <td>MEYER</td>
                                                <td>teyer</td>
                                                <td>45</td>
                                                <td>MEYER</td>
                                                <td>teyer</td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>KENDRA</td>
                                                <td>MARSHALL</td>
                                                <td>34</td>
                                                <td>MARSHALL</td>
                                                <td>kmarshall</td>
                                                <td>34</td>
                                                <td>MARSHALL</td>
                                                <td>kmarshall</td>
                                            </tr>

                                            <tr>
                                                <td>3</td>
                                                <td>NICHOLE</td>
                                                <td>BROOKS</td>
                                                <td>65</td>
                                                <td>BROOKS</td>
                                                <td>nibrooks</td>
                                                <td>65</td>
                                                <td>BROOKS</td>
                                                <td>nibrooks</td>
                                            </tr>

                                            <tr>
                                                <td>4</td>
                                                <td>CHRISTIE</td>
                                                <td>GRAHAM</td>
                                                <td>76</td>
                                                <td>GRAHAM</td>
                                                <td>chgraham</td>
                                                <td>76</td>
                                                <td>GRAHAM</td>
                                                <td>chgraham</td>
                                            </tr>

                                            <tr>
                                                <td>5</td>
                                                <td>RAY</td>
                                                <td>JENKINS</td>
                                                <td>23</td>
                                                <td>JENKINS</td>
                                                <td>rjenkins</td>
                                                <td>23</td>
                                                <td>JENKINS</td>
                                                <td>rjenkins</td>
                                            </tr>
                                    </table>
                                </div>
                                <div class="col-xs-12 tab-pane" id="tab2">
                                    <p>Data table</p>
                                    <div class="col-xs-12 add-btn">
                                        <a href="advance_search.html"><span class="glyphicon glyphicon-zoom-in overview-span"></span></a>
                                    </div>
                                    <table class="table table-first-column-number data-table display full">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Tên lớp<span class="sort-icon"></span></th>
                                                <th>Giáo viên<span class="sort-icon"></span></th>
                                                <th>Sĩ số<span class="sort-icon"></span></th>
                                                <th>Nhập liệu<span class="sort-icon"></span></th>
                                                <th>Trạng thái<span class="sort-icon"></span></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>TONY</td>
                                                <td>MEYER</td>
                                                <td>45</td>
                                                <td>MEYER</td>
                                                <td>teyer</td>
                                            </tr>

                                            <tr>
                                                <td>2</td>
                                                <td>KENDRA</td>
                                                <td>MARSHALL</td>
                                                <td>34</td>
                                                <td>MARSHALL</td>
                                                <td>kmarshall</td>
                                            </tr>

                                            <tr>
                                                <td>3</td>
                                                <td>NICHOLE</td>
                                                <td>BROOKS</td>
                                                <td>65</td>
                                                <td>BROOKS</td>
                                                <td>nibrooks</td>
                                            </tr>

                                            <tr>
                                                <td>4</td>
                                                <td>CHRISTIE</td>
                                                <td>GRAHAM</td>
                                                <td>76</td>
                                                <td>GRAHAM</td>
                                                <td>chgraham</td>
                                            </tr>

                                            <tr>
                                                <td>5</td>
                                                <td>RAY</td>
                                                <td>JENKINS</td>
                                                <td>23</td>
                                                <td>JENKINS</td>
                                                <td>rjenkins</td>
                                            </tr>
                                    </table>
                                    <p>Học sinh quá hạn đóng học phí</p>
                                    <div class="col-xs-12 add-btn">
                                        <a href="advance_search.html"><span class="glyphicon glyphicon-zoom-in overview-span"></span></a>
                                    </div>
                                    <table class="table table-first-column-number data-table display full">
                                        <thead>
                                            <tr>
                                                <th>STT</th>
                                                <th>Mã<span class="sort-icon"></span></th>
                                                <th>Họ<span class="sort-icon"></span></th>
                                                <th>Tên<span class="sort-icon"></span></th>
                                                <th>Phụ huynh<span class="sort-icon"></span></th>
                                                <th>Sđt<span class="sort-icon"></span></th>
                                                <th>Lớp dự định<span class="sort-icon"></span></th>
                                                <th>Trạng thái<span class="sort-icon"></span></th>
                                                <th>Ngày hết hạn<span class="sort-icon"></span></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>TONY</td>
                                                <td>MEYER</td>
                                                <td>45</td>
                                                <td>MEYER</td>
                                                <td>teyer</td>
                                                <td>45</td>
                                                <td>MEYER</td>
                                                <td>teyer</td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>KENDRA</td>
                                                <td>MARSHALL</td>
                                                <td>34</td>
                                                <td>MARSHALL</td>
                                                <td>kmarshall</td>
                                                <td>34</td>
                                                <td>MARSHALL</td>
                                                <td>kmarshall</td>
                                            </tr>

                                            <tr>
                                                <td>3</td>
                                                <td>NICHOLE</td>
                                                <td>BROOKS</td>
                                                <td>65</td>
                                                <td>BROOKS</td>
                                                <td>nibrooks</td>
                                                <td>65</td>
                                                <td>BROOKS</td>
                                                <td>nibrooks</td>
                                            </tr>

                                            <tr>
                                                <td>4</td>
                                                <td>CHRISTIE</td>
                                                <td>GRAHAM</td>
                                                <td>76</td>
                                                <td>GRAHAM</td>
                                                <td>chgraham</td>
                                                <td>76</td>
                                                <td>GRAHAM</td>
                                                <td>chgraham</td>
                                            </tr>

                                            <tr>
                                                <td>5</td>
                                                <td>RAY</td>
                                                <td>JENKINS</td>
                                                <td>23</td>
                                                <td>JENKINS</td>
                                                <td>rjenkins</td>
                                                <td>23</td>
                                                <td>JENKINS</td>
                                                <td>rjenkins</td>
                                            </tr>
                                    </table>
                                </div>
                                <div class="col-xs-12 tab-pane" id="tab3">
                                    <p>Data table</p>
                                    <div class="col-xs-12 add-btn">
                                        <a href="advance_search.html"><span class="glyphicon glyphicon-zoom-in overview-span"></span></a>
                                    </div>
                                    <table class="table table-first-column-number data-table display full">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Tên lớp<span class="sort-icon"></span></th>
                                                <th>Giáo viên<span class="sort-icon"></span></th>
                                                <th>Sĩ số<span class="sort-icon"></span></th>
                                                <th>Nhập liệu<span class="sort-icon"></span></th>
                                                <th>Trạng thái<span class="sort-icon"></span></th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            <tr>
                                                <td>1</td>
                                                <td>TONY</td>
                                                <td>MEYER</td>
                                                <td>45</td>
                                                <td>MEYER</td>
                                                <td>teyer</td>
                                            </tr>

                                            <tr>
                                                <td>2</td>
                                                <td>KENDRA</td>
                                                <td>MARSHALL</td>
                                                <td>34</td>
                                                <td>MARSHALL</td>
                                                <td>kmarshall</td>
                                            </tr>

                                            <tr>
                                                <td>3</td>
                                                <td>NICHOLE</td>
                                                <td>BROOKS</td>
                                                <td>65</td>
                                                <td>BROOKS</td>
                                                <td>nibrooks</td>
                                            </tr>

                                            <tr>
                                                <td>4</td>
                                                <td>CHRISTIE</td>
                                                <td>GRAHAM</td>
                                                <td>76</td>
                                                <td>GRAHAM</td>
                                                <td>chgraham</td>
                                            </tr>

                                            <tr>
                                                <td>5</td>
                                                <td>RAY</td>
                                                <td>JENKINS</td>
                                                <td>23</td>
                                                <td>JENKINS</td>
                                                <td>rjenkins</td>
                                            </tr>
                                    </table>
                                    <p>Học sinh quá hạn đóng học phí</p>
                                    <div class="col-xs-12 add-btn">
                                        <a href="advance_search.html"><span class="glyphicon glyphicon-zoom-in overview-span"></span></a>
                                    </div>
                                    <table class="table table-first-column-number data-table display full">
                                        <thead>
                                            <tr>
                                                <th>STT</th>
                                                <th>Mã<span class="sort-icon"></span></th>
                                                <th>Họ<span class="sort-icon"></span></th>
                                                <th>Tên<span class="sort-icon"></span></th>
                                                <th>Phụ huynh<span class="sort-icon"></span></th>
                                                <th>Sđt<span class="sort-icon"></span></th>
                                                <th>Lớp dự định<span class="sort-icon"></span></th>
                                                <th>Trạng thái<span class="sort-icon"></span></th>
                                                <th>Ngày hết hạn<span class="sort-icon"></span></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>TONY</td>
                                                <td>MEYER</td>
                                                <td>45</td>
                                                <td>MEYER</td>
                                                <td>teyer</td>
                                                <td>45</td>
                                                <td>MEYER</td>
                                                <td>teyer</td>
                                            </tr>
                                            <tr>
                                                <td>2</td>
                                                <td>KENDRA</td>
                                                <td>MARSHALL</td>
                                                <td>34</td>
                                                <td>MARSHALL</td>
                                                <td>kmarshall</td>
                                                <td>34</td>
                                                <td>MARSHALL</td>
                                                <td>kmarshall</td>
                                            </tr>

                                            <tr>
                                                <td>3</td>
                                                <td>NICHOLE</td>
                                                <td>BROOKS</td>
                                                <td>65</td>
                                                <td>BROOKS</td>
                                                <td>nibrooks</td>
                                                <td>65</td>
                                                <td>BROOKS</td>
                                                <td>nibrooks</td>
                                            </tr>

                                            <tr>
                                                <td>4</td>
                                                <td>CHRISTIE</td>
                                                <td>GRAHAM</td>
                                                <td>76</td>
                                                <td>GRAHAM</td>
                                                <td>chgraham</td>
                                                <td>76</td>
                                                <td>GRAHAM</td>
                                                <td>chgraham</td>
                                            </tr>

                                            <tr>
                                                <td>5</td>
                                                <td>RAY</td>
                                                <td>JENKINS</td>
                                                <td>23</td>
                                                <td>JENKINS</td>
                                                <td>rjenkins</td>
                                                <td>23</td>
                                                <td>JENKINS</td>
                                                <td>rjenkins</td>
                                            </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><footer>
        </footer>
        <script src="lib/bootstrap3/dist/js/bootstrap.js"></script>
        <script src="lib/datepicker/js/bootstrap-datepicker.js"></script>
    </body>
</html>


